<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝!!</title>
    <link rel="shortcut icon" href="./淘宝/favicon.ico" />
    <meta name="description"
        content="淘宝网 - 亚洲较大的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品，同时提供担保交易(先收货后付款)等安全交易保障服务，并由商家提供退货承诺、破损补寄等消费者保障服务，让你安心享受网上购物乐趣！" />
    <meta name="keyword"
        content="淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺" />
    <link rel="stylesheet" href="./淘宝/css/reset.css">
    <link rel="stylesheet" href="./淘宝/css/index.css">
    <link rel="stylesheet" href="./淘宝/font/iconfont.css">
</head>

<body>
    <!-- 顶部导航 -->
    <div class="head-top bc">
        <div class="head">
            <ul class="t1">
                <li><a href="#">中国大陆<span class="iconfont icon-xiala"></span></a></li>
                <li class="qin"><a href="#">亲,请登录</a></li>
                <li><a href="#">免费注册</a></li>
                <li><a href="#">手机逛淘宝</a></li>
                <li><a href="#">网页无障碍</a></li>
            </ul>
            <ul class="t2">
                <li><a href="#">我的淘宝<span class="iconfont icon-xiala"></span></a></li>
                <li><a href="#"><span class="iconfont icon-gouwuchefill"></span>购物车</a></li>
                <li><a href="#"><span class="iconfont icon-shoucang"></span>收藏夹<span
                            class="iconfont icon-xiala"></span></a></li>
                <li><a href="#">商品分类</a></li>
                <li><a href="#">免费开店</a></li>
                <li>|</li>
                <li><a href="#">千牛卖家中心<span class="iconfont icon-xiala"></span></a></li>
                <li><a href="#">联系客服<span class="iconfont icon-xiala"></span></a></li>

            </ul>
        </div>
    </div>
    <!-- 顶部导航/ -->

    <!-- 搜索框 -->
    <div class="all">
        <!-- 顶 导航 -->
        <div class="search bc">
            <div>
                <a href="#"><img src="./淘宝/images/logo.png" alt=""></a>
            </div>
            <div class="sousuo">
                <form action="">
                    <div class="baby">
                        宝贝<span class="iconfont icon-xiala"></span>
                    </div>
                    <!-- 文本框 表单的组成部分 输入文字的文本框 -->
                    <input type="text" placeholder="小白鞋" />
                    <!-- 按钮 -->
                    <button>搜索</button>
                </form>
            </div>

            <div class="erweima">
                <p>下载淘宝</p>
                <img src="./淘宝/images/download.png" alt="">
            </div>

        </div>
        <div class="content bc">
            <div class="zhuti">
                <h2>分类</h2>
            </div>
            <ul class="daohang">
                <li class="red"><a href="">天猫</a></li>
                <li class="shu">|</li>
                <li class="red"><a href="">聚划算</a></li>
                <li class="shu">|</li>
                <li class="green"><a href="">天猫超市</a></li>
                <li class="shu">|</li>
                <li><a href="">司法拍卖</a></li>
                <li class="shu">|</li>
                <li><a href="">飞猪旅行</a></li>
                <li class="shu">|</li>
                <li><a href="">天天特卖</a></li>
                <li class="shu">|</li>
                <li><a href="">极有家</a></li>
                <li class="shu">|</li>
                <li><a href="">淘宝直播</a></li>
            </ul>
            <!-- 顶 导航 /-->

            <div class="tu">
                <div class="bigtu">
                    <img src="./淘宝/images/tb-banner.jpeg" alt="">
                </div>
                <div class="shorttu">
                    <img src="./淘宝/images/tmall.png" alt="">
                    <p>理想生活上天猫</p>
                    <span>1/5</span>
                </div>

                <div class="down">
                    <ul>
                        <li class="tu1"><img src="./淘宝/images/tmall01.jpeg" alt=""></li>
                        <li class="tu2"><img src="./淘宝/images/tmall02.jpeg" alt=""></li>
                    </ul>
                </div>
            </div>
            <!-- 左侧导航栏 -->
            <div class="daohang-l">
                <ul class="dress">
                    <li><span class="iconfont icon-nvzhuang"></span><a href="#">女装</a>
                        /
                        <a href="#">内衣</a>
                        /
                        <a href="#">奢品</a>
                    </li>
                </ul>
                <ul class="dress">
                    <li><span class="iconfont icon-wangqiuxie"></span><a href="#">女装</a>
                        /
                        <a href="#">内衣</a>
                        /
                        <a href="#">奢品</a>
                    </li>
                </ul>

                <ul class="dress">
                    <li><span class="iconfont icon-xinnianghuazhuang
                        "></span><a href="#">女装</a>
                        /
                        <a href="#">内衣</a>
                        /
                        <a href="#">奢品</a>
                    </li>
                </ul>
                <ul class="dress">
                    <li><span class="iconfont icon-nanzhuang"></span><a href="#">女装</a>
                        /
                        <a href="#">内衣</a>
                        /
                        <a href="#">奢品</a>
                    </li>
                </ul>
                <ul class="dress">
                    <li><span class="iconfont icon-shouji"></span><a href="#">女装</a>
                        /
                        <a href="#">内衣</a>
                        /
                        <a href="#">奢品</a>
                    </li>
                </ul>
                <ul class="dress">
                    <li><span class="iconfont icon-shafazuoweikongwei
                        "></span><a href="#">女装</a>
                        /
                        <a href="#">内衣</a>
                        /
                        <a href="#">奢品</a>
                    </li>
                </ul>
                <ul class="dress">
                    <li><span class="iconfont icon-dunguo"></span><a href="#">女装</a>
                        /
                        <a href="#">内衣</a>
                        /
                        <a href="#">奢品</a>
                    </li>
                </ul>
                <ul class="dress">
                    <li><span class="iconfont icon-yiyaoxiang
                        "></span><a href="#">女装</a>
                        /
                        <a href="#">内衣</a>
                        /
                        <a href="#">奢品</a>
                    </li>
                </ul>
                <ul class="dress">
                    <li><span class="iconfont icon-yiyaoxiang
                        "></span><a href="#">女装</a>
                        /
                        <a href="#">内衣</a>
                        /
                        <a href="#">奢品</a>
                    </li>
                </ul>
                <ul class="dress">
                    <li><span class="iconfont icon-yiyaoxiang
                        "></span><a href="#">女装</a>
                        /
                        <a href="#">内衣</a>
                        /
                        <a href="#">奢品</a>
                    </li>
                </ul>
                <ul class="dress">
                    <li><span class="iconfont icon-yiyaoxiang
                        "></span><a href="#">女装</a>
                        /
                        <a href="#">内衣</a>
                        /
                        <a href="#">奢品</a>
                    </li>
                </ul>
            </div>
            <!-- 左侧导航栏/ -->



            <!--右侧注册   -->
            <div class="zhuce">
                <div class="zhuce-top"></div>
                <h4>Hi!你好</h4>
                <div class="enniu">
                    <button class="n1">登录</button>
                    <button class="n2">注册</button>
                    <button class="n3">开店</button>
                </div>


                <ul class="tubiao">
                    <li><a href=""><span class="iconfont icon-shoucang1"></span><br />宝贝收藏</a></li>
                    <li><a href=""><span class="iconfont icon-gouwudai"></span><br />买过的店</a></li>
                    <li><a href=""><span class="iconfont icon-huaban11"></span><br />收藏的店</a></li>
                    <li><a href=""><span class="iconfont icon-lishi"></span><br />我的足迹</a></li>
                </ul>


                <div class="redian">
                    <p><a href="#">
                            <span>热点</span>
                            疫情场景淘宝卖家指导手册</a></p>
                </div>
                <div class="guize1">
                    <p><a href="#">
                            <span>规则</span>
                            疫情场景淘宝卖家指导手册哈哈哈</a></p>
                </div>
                <div class="guize2">
                    <p><a href="#">
                            <span>规则</span>
                            疫情场景淘宝卖家指导手册呵呵呵呵</a></p>
                </div>

            </div>




            <!--右侧注册   -->
        </div>

        <!-- 商品 -->
        <div class="botton bc">
            <div class="text">
                <h1>有好货</h1>
                <img src="./淘宝/images/pro.png" alt="">
            </div>
            <!-- 货物 -->

            <div class="pro">
                <ul class="tu">
                    <li>
                        <a href=""><img src="./淘宝/images/pro02.webp" alt="">
                            <p><b>好好看的裙子 女孩子都爱</b></p>
                            <p style="color: rgb(176, 176, 176);">好看好看,好看</p>
                        </a>
                    </li>
                    <li><a href=""><img src="./淘宝/images/pro02.webp" alt="">
                            <p><b>好好看的裙子 女孩子都爱</b></p>
                            <p style="color: rgb(176, 176, 176);">好看,好看好看,好看</p>
                        </a>
                    </li>
                    <li><a href=""><img src="./淘宝/images/pro03.webp" alt="">
                            <p><b>好好看的裙子 女孩子都爱</b></p>
                            <p style="color: rgb(176, 176, 176);">好看好看,好看</p>
                        </a>
                    </li>
                    <li><a href=""><img src="./淘宝/images/pro04.webp" alt="">
                            <p><b>好好看的裙子 女孩子都爱</b></p>
                            <p style="color: rgb(176, 176, 176);">好看好看,好看</p>
                        </a>
                    </li>
                    <li><a href=""><img src="./淘宝/images/pro04.webp" alt="">
                            <p><b>好好看的裙子 女孩子都爱</b></p>
                            <p style="color: rgb(176, 176, 176);">好看好看,好看</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 货物2 -->
            <div class="pro2 bc">
                <div class="text2 clearfix">
                    <h1>猜你喜欢</h1>
                    <img src="./淘宝/images/pro.png" alt="">
                </div>

                <div class="zp">
                    <ul class="tu2 clearfix">
                        <li><a href=""><img src="./淘宝/images/pro04.webp" alt="">
                                <p><b>好好看的裙子 女孩子都爱</b></p>
                                <p style="color: rgb(176, 176, 176);">好看好看,好看</p>
                            </a>
                        </li>
                        <li><a href=""><img src="./淘宝/images/pro04.webp" alt="">
                                <p><b>好好看的裙子 女孩子都爱</b></p>
                                <p style="color: rgb(176, 176, 176);">好看好看,好看</p>
                            </a>
                        </li>
                        <li><a href=""><img src="./淘宝/images/pro04.webp" alt="">
                                <p><b>好好看的裙子 女孩子都爱</b></p>
                                <p style="color: rgb(176, 176, 176);">好看好看,好看</p>
                            </a>
                        </li>
                        <li><a href=""><img src="./淘宝/images/pro04.webp" alt="">
                                <p><b>好好看的裙子 女孩子都爱</b></p>
                                <p style="color: rgb(176, 176, 176);">好看好看,好看</p>
                            </a>
                        </li>
                        <li><a href=""><img src="./淘宝/images/pro04.webp" alt="">
                                <p class="cc"><b>好好看的裙子 女孩子都爱</b></p>
                                <p style="color: rgb(176, 176, 176);">好看好看,好看</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 商品结束/ -->


        </div>
        <div class="end bc">
            <ul class="enddemo">
                <li><a href=""><span class="iconfont icon-anquan"></span>消费者保障<br />保障范围,退货退款流程,服务中心<br />更多特色服务</a>
                </li>
                <li><a href=""><span class="iconfont icon-lianxi2hebing_bangzhu"></span>新手上路<br />新手专区,消费警示,交易安全<br />24小时在线帮助,免费开店</a>
                </li>
                <li><a href=""><span class="iconfont icon-fahuofukuan-mianxing"></span>付款方式<br />快捷支付,信用卡,余额宝,蚂蚁花呗<br />货到付款</a>
                </li>
                <li><a href=""><span class="iconfont icon-taobaotese"></span>淘宝特色<br />
                    手机淘宝，旺旺/旺信<br />大众审评</a></li>
            </ul>
        </div>
        <div class="ending">
            <div class="tutu bc">
                <img src="./淘宝/images/1.png" alt="">
            </div>
        </div>






</body>

</html>